<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>应急信息管理_统计分析_分析页面_趋势分析_结果页面</title>
     <link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
    <script src="<%=basePath %>jclient/javascript/public/jquery.min.js"></script>
	<script src="<%=basePath %>jclient/javascript/public/highcharts.js"></script>
    <script>
				  $(function (){
    	       $('#warning-info-chart').highcharts({
			        title: {
			            text: '趋势分析',
			            x: -20 //center
			        },
			        xAxis: {
			            categories: ['2013-1', '2013-2', '2013-3', '2013-4', '2013-5']
			        },
			        yAxis: {
			            title: {
			                text: ' (单位)'
			            },
			            plotLines: [{
			                value: 0,
			                width: 1,
			                color: '#808080'
			            }]
			        },
			        tooltip: {
			            valueSuffix: '(单位)'
			        },
			        legend: {
			            layout: 'vertical',
			            align: 'right',
			            verticalAlign: 'middle',
			            borderWidth: 0
			        },
			        series: [{
			            name: '水藻密度1',
			            data: [7.0, 6.9, 9.5, 14.5, 18.2]
			        }, {
			            name: '水藻密度2',
			            data: [-0.2, 0.8, 5.7, 11.3, 17.0]
			        }]
			    });
			});
		 </script>	
  </head>
  <body style="margin: 0;padding: 0px;background-color: #FFFFFF;" bgcolor="#FFFFFF">
  		<table width="100%" height="100%" cellspacing="0" cellpadding="0" >
    		<tr>
  				<td height="50px"style="text-align: center;padding: 10px 0 10px 10px;">
  			     	<span style="font-size:20;font-weight: 600">2014年6月~9月于桥水库水体藻细胞密度指标对比分析结果图</span>
  			    	<span class="eclipseBtn" onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx.jsp'" style="height:30px;display: inline-block;cursor: pointer;">结束作业</span>
  			    	<span class="eclipseBtn" onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp'" style="height:30px;display: inline-block;cursor: pointer;">继续添加</span>
  				</td>
  			</tr>
    		<tr>
    			<td style="height: 350px">
    				<div id="warning-info-chart" style="width:100%;height:220px;"></div>
    			</td>
    		</tr>
    		<tr style="width:100%;" >
    			<td style="vertical-align: top">
    			   <p align="center" style="height: 50px">
    			     <span onclick="javascript:window.history.back()" class="eclipseBtn"  style="height:30px;display: inline-block;">后退</span>
    			     <span  class="eclipseBtn"  style="height:30px;display: inline-block;">保存</span>
    			     <span onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp'" class="eclipseBtn"  style="height:30px;display: inline-block;">取消</span>
    			</td>	
    		</tr>
    	</table>
  </body>
</html>
